<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="utf-8">
		<?php include_once APPPATH.'/views/meta.php';?>
	
	<link rel="stylesheet" href="<?php echo base_url();?>css/reset.css" type="text/css" media="screen" />
	
	<!--[if ! lte IE 6]><!-->
	<link rel="stylesheet" href="<?php echo base_url();?>css/style.css" type="text/css" media="screen" />
	<!--<![endif]-->

	<!--[if gt IE 6]>
	<link rel="stylesheet" href="<?php echo base_url();?>css/ie.css" type="text/css" media="screen" />
	<![endif]-->
	
	<!--[if IE 7]>
	<link rel="stylesheet" href="<?php echo base_url();?>css/ie7.css" type="text/css" media="screen" />
	<![endif]-->

	<!--[if lte IE 6]>
	<link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.1.1.css" media="screen, projection">
	<![endif]-->
	
	<link rel="stylesheet" href="<?php echo base_url();?>css/fancybox.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php echo base_url();?>css/booking.css" type="text/css" media="screen" />
</head>
<body>

<!-- header -->
<?php include_once APPPATH.'/views/header.php';?>
<!--  end header -->


<div id="content">

	<div class="container">

		<div id="main" class="fullwidth">

			<div class="entry single">

				<div class="entry-header">

					<h2 class="title" style="font-size: 22px;width:980px;margin:0 auto; text-align: center;">Réservation en ligne $0 frais de transaction <br/> Online Booking $0 transction fee</h2>

					<p class="meta" style="font-size: 15px;font-weight: bold;">Step two: Your personal information</p>

				</div><!-- end .entry-header -->

				<div class="entry-content" style="font-size:12px">
				

            <div class="onlinebooking-frame onlinebooking-frame2" style="height: 950px;">
			
			
		 <p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Tour Information/informations touristiques</span></p>
                     <!--TourType STARTS-->                                       
               &nbsp;&nbsp; Tour Name/Nom:&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["name"];?>" id="" disabled="disabled" style="width:200px;" />
                       <!--TourType ENDS-->    



						  
                 <!--Tour Name/Nom STARTS-->                                       
                   &nbsp;&nbsp;&nbsp;&nbsp;TourCode:&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["code"];?>" id="" disabled="disabled" style="width:100px;" />
				</select>
				  <!--Tour Name/Nom ENDS-->  										
														
				<br/><br/>
														
																	
		<!--TourCode STARTS--> 									
                  &nbsp;&nbsp;&nbspAvailable Seat/Place:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $totaldipoplace;?>" id="" disabled="disabled" style="width:50px;" />
				  
	<!--TourCodeENDS--> 		
					
					
              <!--Available Seat/Place STARTS-->                                                  
        &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;Depart Date:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["date"];?>" id="" disabled="disabled" style="width:150px;" />
                 <!--Available Seat/Place ENDS-->                                    
	<br/>
<!--TourCode STARTS--> 									
                  &nbsp;&nbsp;&nbspDepart Hour/Heure:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["time"];?>" id="" disabled="disabled" style="width:50px;" />
				  
	<!--TourCodeENDS--> 		
					
					
              <!--Available Seat/Place STARTS-->                                                  
        &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;Depart Place/Lieu:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["lieu"];?>" id="" disabled="disabled" style="width:200x;" />
                 <!--Available Seat/Place ENDS-->                                    
				<br/>
			
			
			 <p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Description</span></p>
			 
			 &nbsp;&nbsp;&nbsp;<textarea rows="6" cols="50"  disabled="disabled"  style="resize: none;"><?php echo  trim ($infotour[0]["description"]); ?></textarea>


			<br/>
			<br/>
		
			 <p><span style="font-size:15px;color:red;margin-left: 5px;">Online price/Prix en ligne:</span></p>

			 
			<?php if(count($listforfait)>0){
					foreach ($listforfait as $ff){
						if($ff["priceadult"]>0){
				
				?> 
			<!--Adult Price/Prix: STARTS-->
         &nbsp;&nbsp;Adult Price/Prix&nbsp;-<?php echo $ff["title"]; ?>:<input name="" type="text" value="<?php echo $ff["priceadult"]; ?>"$" id="" disabled="disabled" style="width:80px;" />
			<!--Adult Price/Prix: ENDS-->	 
			<?php }
			
			if($ff["pricechild"]>0){
			?>
			 <!--Child Price/Enfant Prix: STARTS-->                                                  
       &nbsp;Child Price/Enfant Prix--<?php echo $ff["title"]; ?>:&nbsp;&nbsp;<input name="" type="text" value="<?php echo $ff["pricechild"];?>" id="" disabled="disabled" style="width:80px;" />
                 <!--Child Price/Enfant Prix: ENDS-->   
                <br/> 
             <?php }else{?>                                     
			  <br/> 
			<?php }}}?>

			
			
			<br/>
			 <p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Passengers Information/information des passagers</span></p>
			 
                  
		<form class="forminscr" action="<?php echo base_url(); ?>index.php/reservation/confirmbooking" method="post"  onSubmit="return false">                  
                  
				  &nbsp;&nbsp;&nbsp;First Name/Prénom: <input name="firstname" value="" type="text" id="" />
                                                      
                                                
                                                
				<br/>
                 <br/>                        
               &nbsp;&nbsp; Last Name/Nom:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="lastname"  value="" type="text" id="" />
                                                     
                 <br/>                             
                  <br/>                                
                                             
                   &nbsp;&nbsp;&nbsp; Language/Langage:&nbsp;<select name="language" id="" style="width:155px;">
						<option selected="selected" value="1">English</option>
						<option value="2">French</option>
						<option value="3">Mandarin</option>
						<option value="5">Spanish</option>
				</select>
						
					<br/>
                     <br/>                            
                &nbsp;&nbsp;&nbsp;Phone/Téléphone:&nbsp;&nbsp;&nbsp;&nbsp;<input name="telphone"  type="text" value="xxx-xxxxxxx" id="telephone" title="" />
           <br/>
			  <br/>                                 
                                                     
			 &nbsp;&nbsp;&nbsp;E-mail/Courriel:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="email" type="text" value="" id="" title="" onfocus="" />
                                                   
			<br/>
			<br/>
		<p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Number of Passenges/Nombre de Passenges</span></p>	
			<span style="font-size:12px;margin-left: 5px;">*Children can not occupy beds/Les enfants ne peuvent pas occuper des lits<br/></span>
					&nbsp;&nbsp;&nbsp;&nbsp;Adult/Adulte:<select name="numberpeople" id="" style="width:55px;">
						<option selected="selected" value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						</select>
		
		Children/Enfant (2-12):<select name="nbchild" id="" style="width:55px;">
						<option selected="selected" value="0">0</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						</select>
		
			<div style="position:relative;margin-left:420px;">
		  <input name="back"  type="button" value="Back to previous page/Retour page précédente" onclick="goBack();"/> &nbsp; &nbsp;<input type="submit" value="Next" />
		</form>
                 </div>                                    

			 
			 
			 
			 
			<div class="attention">
		
			<p><span style="font-size:20px; color:red;">ATTENTION!</span><br/><br/>
Please note that a complete confirmation of your 
booking will require both a receipt from MONERIS and 
an invoice from AGENCE  WONDER TRAVEL in your e-mail. If you 
by any chance only get one receipt from MONERIS, 
please double check your JUNK MAIL too, and if you 
still don’t find the invoice from us there, then it means 
that the booking is NOT complete. 
Please call 514-508-2088 on weekdays for further 
assistance. Thank you and have a nice trip!</p>
<br/>

<p>Veuillez prendre note que votre réservation 
sera confirmée avez deux documents :
1) la reçue de MONERIS; 
2) la facture de AGENCE  WONDER TRAVEL, qui seront envoyés 
à votre courriel. Si vous receviez seulement la reçue 
de MONERIS, mais pas de facture, s'il vous plaît vérifier 
votre COURRIER INDÉSIRABLE aussi. si vous ne trouvez 
toujours pas la facture, là-bas, c'est-à-dire que la 
réservation n'est pas complétée. Au cas ou, S.V.P. nous 
contacter par téléphone au 514-508-2088 dans la 
semaine. 
Merci et bon voyage!</p>
			<a href="#"><img style="position:relative;margin-left:190px;" src="<?php echo base_url(); ?>theme/image/theme/moneris.png" alt=""></a>

		</div><!--attention end here-->
      


		
				</div><!-- end .entry-content -->

				<div class="entry-footer">

					<strong class="align-left">Contact Us: &nbsp;</strong>

					<dl class="horizontal">
						<dd>yourmail@yourdomain.com <span class="separator">|</span></dd>
						<dt>Phone:</dt>
							<dd>+88 44 777 99</dd>
					</dl>

				</div><!-- end .entry-footer -->
				
			</div><!-- end .entry -->

		</div><!-- end #main -->
		
	</div><!-- end .container -->

</div><!-- end #content -->

<!--  footer and footer bottom -->
<?php include_once APPPATH.'/views/footer.php';?>
<!--  end footer and footer bottom -->
 <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.validate.js"></script>
 <script>
$(function(){
	
jQuery.validator.addMethod("telphone", function(value, element) { 
	  return this.optional(element) || /^\d{3}\-\d{7}$/.test(value); 
	}, "Please specify the correct domain");

$(".forminscr").validate({
		submitHandler: function(form){ form.submit() },
		 onfocusout:  function(element) { $(element).valid(); },

		rules: {
			
			firstname: {
				required: true,
				minlength: 2
			},
		
			
			lastname: {
				required: true,
				minlength: 2
   		 },
 			
   		telphone: {
   		 required: true,
   		 telphone:true
   		 			},
   		email : {
   		 required: true,
   		email:true
 			},

   		language: {
   			 required: true
   				}
		},
		
		messages: {
			firstname: "Enter First Name(at least 2 caracter )",
			lastname: "Enter First Name(at least 2 caracter )",
			telphone:"Enter Number telephone(format:xxx-xxxxxxx)",
			email:"Enter Email"
			}
		
});

$("#telephone").focus(function() {$(this).val("");});


})
</script>
 
</body>
</html>